<template>
  <div>
    <div class="kong"></div>
    <footer>
      <span><img src="../../public/images/keep/xiugai.png" /><br />修改</span>
      <span><img src="../../public/images/keep/chexiao.png" /><br />撤销</span>
      <span><img src="../../public/images/keep/pinglun.png" /><br />评论</span>
      <span
        ><img
          src="../../public/images/keep/faqiqunliao.png"
        /><br />发起群聊</span
      >
      <span><img src="../../public/images/keep/gengduo.png" /><br />更多</span>
    </footer>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.kong {
  height: 1vh;
}
footer {
  position: fixed;
  display: flex;
  bottom: 0vh;
  width: 100vw;
  height: 8vh;
  background-color: #f2f1f6;
  z-index: 99;
}

footer span {
  position: relative;
  text-align: center;
  flex: 1;
  height: 100%;
  color: rgb(0, 0, 0);
  line-height: 4vh;
  font-size: 1.35vh;
}

footer span img {
  position: absolute;
  top: 1.6vh;
  left: 37%;
  width: 3vh;
}
</style>